/* ===== Primary Styles ========================================================
   Author: Oren Farhi, http://orizens.com
   ========================================================================== */
/* Application */
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import './echoes-variables.scss';
@import '~bootstrap-sass/assets/stylesheets/bootstrap';
@import './core/global.scss';
@import './core/utils.scss';

@import './layout/sidebar.scss';
@import './layout/navbar.scss';
@import './layout/container.scss';

$fa-font-path: '../fonts' !default;
@import '~font-awesome/scss/font-awesome';

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
}
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 10px 0 10px 10px;
	box-shadow: 0 0px 10px black;
	left: 0;
}
footer p {
	margin: 0;
}
iframe {
	border:none;
}

/* end of scrollbar */
.row-fluid input[type="search"].search-query {
	font-size: 29px;
	height: 38px;
	line-height: 38px;
	margin-right: 20px;
}
/* search module */

.navbar-fixed-top .navbar-inner {
	text-shadow: none;
	border-color: #111;
	border: none;
}
/* navigation */
.nav-list [class^="icon-"] {
	margin-right: 8px;
}

/* results */
.fade-out {
	opacity: 0;
}

// .main-view.ng-leave {
// 	transform: translatex(-100%);
// }

// .main-view.ng-enter {
// 	transform: translatex(0);
// }
/* youtube styles */

.show-description .btn.btn-mini.media-desc {
	color: #efefef;
	background: rgb(71, 68, 68);
}

/* facebook like */
.facebook-like {
	height: 26px;
}
.fullscreen .facebook-like {
	display: none;
}
/* for the facebook page like*/
.fb_iframe_widget {
	max-height: 20px;
}

/* playlist info */
.playlist-info li a {
	color: white;
	border: none;
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	white-space: nowrap;
	text-decoration: none;
}

.active a {
	@include active-link-style();
}
.social-badge {
	padding: 10px 0;
}
/* Mobile Phones */
@media (max-width: 767px) {
	body {
		padding: 0;
		overflow-y: scroll;
	}

	.navbar-fixed-bottom {
		position: fixed;
	}

	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
		padding: 0;
		border: none;
	}

	.youtube-toolbar.navbar.navbar-inner {
		width: 100%;
		padding: 0;
	}

	.youtube-item:hover {
	    box-shadow: none;
	}

	/* player controls */
	.volume-up, .volume-down {
		display: none;
	}
	.icon-search {
		top: 22px;
		right: 21px;
	}

	.nav.donation {
		display: none;
	}
}
@media (max-width: 979px) and (min-width: 768px) {
	.navbar-fixed-bottom {
		position: fixed;
	}
	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
		padding: 0;
	}
	.navbar-fixed-bottom .navbar-inner {
		/*width: 840px;*/
	}
	.span2 {
		width: 172px;
	}
}
@media (max-width: 979px) {
	.total-results {
		display: none;
	}
}
@media (min-width: 1000px) {
	.youtube-item:hover .media-title .front {
		background: rgba(255, 255, 255, 0.9);
	}
	.youtube-playlist-item:hover .front {
		background: rgba(255, 255, 255, 0.9);
	}
}
@media (min-width: 1200px) {
	.row-fluid .span3 {
		width: 24%;
	}
}
